<template>
  <div id="app">
<!--    <router-view v-slot="{ Component }">-->
<!--      <keep-alive>-->
<!--        <component :is="Component" />-->
<!--      </keep-alive>-->
<!--    </router-view>-->


    <router-view/>


    <main-tab-bar></main-tab-bar>
  </div>
</template>
<script>
  import MainTabBar from "./components/content/tabbar/MainTabBar";
  export default {
    name:'APP',
    components:{
      MainTabBar,
    }
  }
</script>
<style>
  @import "assets/css/base.css";
  .tab-bar-item img{
    height: 24px;
    width: 24px;
    margin: 0;
  }
</style>
